<template>
    <div>
        姓名：{{ name }}
        <br>
        年龄：{{ age }}
        <br>
        <button @click="ChangeName">修改名称</button>
        <button @click="ChangeAge">修改年龄</button>
    </div>
</template>

<script setup lang="ts" name="person234">
import { ref } from "vue";
let name = ref("HOBO")
let age = ref(18)
function ChangeName() {
    name.value = "HOBO666"
    console.log(name.value);

}
function ChangeAge() {
    age.value = age.value + 1
    console.log(age.value);

}
</script>

<style></style>